<!DOCTYPE html>
<html>
    <head>
        <title>PC端页面</title>
        <!--  1. 设置视口 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,
        maximum-scale=1.0,minimum-scale=1.0
        ">
        <style>
            html{
                font-size:62.5%;
                /* font-size:10%; */
            }
            .main{
                font-size:30px;
                /* font-size:50px; */
            }
            span{
                font-size:2rem;
            }
        </style>
       
    </head>
    <body>
        <!-- 
            默认浏览器的字体大小是 16px
            将默认字体大小改成 10px 或者 100px
            rem 是相对 html根元素 的字体大小

         -->
        <div class="main">
            <span>
                😊👍💯
            </span>
        </div>
    </body>
    <script>
        console.log(document.documentElement);
        console.log(document.documentElement);
    </script>
</html>